<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Biz Time</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/index.css">
</head>
<body>
    <div id="backg">
        <div class="slideshow">
            <!-- <img src="../images/for_scroll.png"> -->
            <img src="./images/img3.jpg">
            <div class="circle">
                <div></div>
                <div></div>
                <div></div>
            </div>
            <img src="./images/slider_shadow.png" alt="">
        </div>
        <!--  -->
        <div class="banner">
            <div>
                <div class="pic"><img src="./images/banner1_bg.jpg" alt=""></div>
                <div class="article">
                    <h1>24/7 Client Support</h1>
                    <p>This is one of free web- site templates created by TemplateMonster.com team.' This website template is optimized for 1024X768 screen res.</p>
                    <div class="button">REAR MORE</div>
                    <img src="./images/button1_shadow.png">
                </div>
            </div>
            <div>
                <div class="pic"><img src="./images/banner2_bg.jpg" alt=""></div>
                <div class="article">
                    <h1>Premium Services</h1>
                    <p>achtete beate wtae aicta sunt expic abo. Nemo enim lpsam vupalem quia vlupuas Ssenaa auoaul ugtset totam rem aperiam eaque</p>
                    <div class="button">REAR MORE</div>
                    <img src="./images/button1_shadow.png">
                </div> 
            </div>
            <div>
                <div class="pic"><img src="./images/banner3_bg.jpg" alt=""></div>
                <div class="article">
                    <h1>Out Strategy</h1>
                    <p>achtete beate wtae aicta sunt expic abo. Nemo enim lpsam vupalem quia vlupuas Ssenaa auoaul ugtset totam rem aperiam eaque</p>
                    <div class="button">REAR MORE</div>
                    <img src="./images/button1_shadow.png">
                </div>
            </div>
        </div>
        <!--  -->
        <div id="title1">Latest News & Event</div>
        <div class="news">
            <div>
                <div><img src="./images/page1_img1.jpg" alt=""></div>
                <div>
                    <h2>Sed ut perspiciatis unde omnis iste natus</h2>
                    <p>Dit voluptatem accusantium doloremque laudantium, totam remaperiam, eaque ipsa quae ab illo inventore veritatis et quasiarchitecto beatae vitae dicta sunt explicabo. Nemo enim ipsamvoluptatem quia voluptas sit aspernatur aut odit aut fugit, sedquia consequuntur magni dolores.</p>
                </div>
                <div><img src="./images/page1_img2.jpg" alt=""></div>
                <div>
                    <h2>Sed ut perspiciatis unde omnis iste natus</h2>
                    <p>Dit voluptatem accusantium doloremque laudantium, totam remaperiam, eaque ipsa quae ab illo inventore veritatis et quasiarchitecto beatae vitae dicta sunt explicabo. Nemo enim ipsamvoluptatem quia voluptas sit aspernatur aut odit aut fugit, sedquia consequuntur magni dolores.</p>
                </div>
            </div>
        </div>
        <img src="./images/slider_shadow.png" alt="">
        <!--  -->
        <div id="title2">Our Services</div>
        <div class="news2">
            <div>
                <div class="news2-content">
                    <div>
                        <img src="./images/page2_img1.png" alt="">
                    </div>
                    <div>
                        <h1>MANGEMENT</h1>
                        <p>Nemo enim ipsam voluptate vuoluptas aspernaturaut odit aut fugit, sed quia consequuntur magni</p>
                    </div>
                </div>
                <div class="news2-content">
                    <div>
                        <img src="./images/page2_img3.png" alt="">
                    </div>
                    <div>
                        <h1>MANGEMENT</h1>
                        <p>Nemo enim ipsam voluptate vuoluptas aspernaturaut odit aut fugit, sed quia consequuntur magni</p>
                    </div>
                </div>
            </div>
        </div>
        <!-- 分栏 -->
        <div class="subfield">
            <img src="./images/logo.png" alt="">
            <div class="icon">
                    <img src="./images/icon_1.png" alt="">
                    <img src="./images/icon_2.png" alt="">
                    <img src="./images/icon_3.png" alt="">
            </div>
        </div>
    </div>
    <!-- 分栏下面 -->
    <div id="backg-bottom">
        <div class="big-title">
            <h1>HOME</h1>
            <h1>NEWS</h1>
            <h1>SERVICES</h1>
            <h1>PRODUCTES</h1>
            <h1>CONTACT</h1>
            <h1>PRODUCTES</h1>  
        </div>
        <div id="title3">Products</div>
        <div class="pic2">
            <div>
                <img src="./images/banner_shadow.jpg" alt="">
                <div>
                    <img src="./images/page3_img1.jpg" alt="">
                    <h2>PRODUCTE #1</h2>
                    <h4>Namhy Libero Temporem Soluta Nobis</h4>
                </div>
            </div>
            
            <div>
                <img src="./images/banner_shadow.jpg" alt="">
                <div>
                    <img src="./images/page3_img2.jpg" alt="">
                    <h2>PRODUCTE #2</h2>
                    <h4>Namhy Libero Temporem Soluta Nobis</h4>
                </div>
            </div>
            <div>
                <img src="./images/banner_shadow.jpg" alt="">
                <div>
                    <img src="./images/page3_img3.jpg" alt="">
                    <h2>PRODUCTE #3</h2>
                    <h4>Namhy Libero Temporem Soluta Nobis</h4>
                </div>
            </div>
            <div>
                <img src="./images/banner_shadow.jpg" alt="">
                <div>
                    <img src="./images/page3_img4.jpg" alt="">
                    <h2>PRODUCTE #4</h2>
                    <h4>Namhy Libero Temporem Soluta Nobis</h4>
                </div>
            </div>
            <div>
                <img src="./images/banner_shadow.jpg" alt="">
                <div>
                    <img src="./images/page3_img5.jpg" alt="">
                    <h2>PRODUCTE #5</h2>
                    <h4>Namhy Libero Temporem Soluta Nobis</h4>
                </div>
            </div>
            <div>
                <img src="./images/banner_shadow.jpg" alt="">
                <div>
                    <img src="./images/page3_img6.jpg" alt="">
                    <h2>PRODUCTE #6</h2>
                    <h4>Namhy Libero Temporem Soluta Nobis</h4>
                </div>
            </div>
        </div>
      <!-- 红标题 -->  
        <div id="title4">Frenquentiy Asked Question</div>
        <div class="article-bottom">
            <div>
                <span>Lorem ipsum dolor sit amet, consectetur adipisicing elit</span>
                <p>Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis auteirure dolor in reprehenderit in voluptate velit esse cillum dolore.</p>
                <span>Lorem ipsum dolor sit amet, consectetur adipisicing elit</span>
                <p>Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis auteirure dolor in reprehenderit in voluptate velit esse cillum dolore.</p>
                <span>Lorem ipsum dolor sit amet, consectetur adipisicing elit</span>
                <p>Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis auteirure dolor in reprehenderit in voluptate velit esse cillum dolore.</p>
                <span>Lorem ipsum dolor sit amet, consectetur adipisicing elit</span>
                <p>Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis auteirure dolor in reprehenderit in voluptate velit esse cillum dolore.</p>
            </div>
            <img src="./images/slider_shadow.png" alt="">
        </div>
        <!-- 表单 -->
        <div id="title5">Contacts</div>
        <div class="form">
            <div class="form-left">
                <div class="form-left-left">
                    <h2>your name:</h2>
                    <h2>your E-mail:</h2>
                    <h2>your city:</h2>
                    <h2>your message:</h2>
                </div>
                <div class="form-left-right">
                    <div></div>
                    <div></div>
                    <div></div>
                    <div></div>
                    <div class="button-bottom">
                        <div>CLEAR</div>
                        <div>SEND</div>
                    </div>
                </div>
                <div>
                    <img src="./images/banner_shadow.jpg" alt="">
                    <img src="./images/banner_shadow.jpg" alt="">
                </div>
            </div>
            <div class="form-right">
                <div class="form-right-top">
                    <div>
                        <h2>Country:</h2>
                        <h2>State:</h2>
                        <h2>City:</h2>
                        <h2>Email:</h2>
                    </div>
                    <div>
                        <h2>USA</h2>
                        <h2>Califional</h2>
                        <h2>san digole</h2>
                        <h2>llil@mail.com</h2>
                    </div>
                </div>
                <div class="form-right-bottom">
                    <h2>Miscellaneout Info:</h2>
                    <p>Sed do eiusmod tempor incididunt labore et dolore magna. Ut enim ad minim veniam,quis nostrud exercitation laboris nisi ut aliquip.</p>
                </div>
                <img src="./images/banner_shadow.jpg" alt="">
            </div>
        </div>
        <footer>
            <div><img src="./images/footer_logo.jpg" alt=""></div>
            <p><span>website template</span> eiusmod tempor incididunt</p>
        </footer>
    </div>
</body>
</html